<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="css/login_page.css" rel="stylesheet"/>
</head>
<body>
<div class="all">
    <div class="header_bg">
        <div class="header clearfix ">
            <ul  class="clearfix fl">
                <li class="logo fl"><img src="images/logo1.png"/></li>
                <li class="txt fl">欢迎登录</li>
            </ul>
            <div class="login fr">已有账户，<a href="">请登录</a></div>
        </div>
    </div>

            <!--nav结束-->
            <!--banner开始-->
            <div class="subject">
                <img src="images/img_banner_2.png"/>
                <div class="login_box">
                    <div class="login_type clearfix">
                        <div class="account_number fl"><a href="#">账号密码登录</a></div>
                        <div class="cut-off-rule fl">|</div>
                        <div class="phone fl"><a href="#">手机号快速登录</a></div>
                    </div>
                    <form>
                        <div class="username">
                           <span class="icon1"></span><input placeholder="请输入手机/用户名/注册邮箱"/><a href="" class="choose">国际手机登录</a>
                        </div>
                        <div class="psw">
                            <span class="icon2"></span> <input type="password" placeholder="请输入密码"/>
                        </div>
                        <a href=""><div class="bth">登录</div></a>
                        <div class="forget">
                            <a href="registration_page.html" class="forget_registration">立即注册</a>
                            <span>|</span>
                            <a href="" class="forget_psw">忘记密码？</a>
                        </div>
                    </form>
                    <div class="third_login">
                        <hr/>
                        <div class="txt">使用合作方账号登录</div>
                        <div class="third_login_icon">
                          <a href="" class="qq_icon"></a>
                          <a href="" class="wechat_icon"></a>
                          <a href="" class="microblog_icon"></a>
                        </div>

                    </div>
                </div>
            </div>
            <!--banner结束-->
            <!--subject结束-->
            <!--footer开始-->
            <div class="footer">
                <div class="consult clearfix">
                    <div class="fl">
                        <p>客服咨询</p>
                        <p><span><img src ="images/icon_footer_1.png"/></span>400-9987012（9：30-18：30）</p>
                        <p><span><img src ="images/icon_footer_2.png"/></span>feedback@58pic.com</p>
                        <a href=""><div class="bth">点我咨询</div></a>
                    </div>
                    <div class="fr">
                        <img src="images/img_footer_1.png"/>
                    </div>
                </div>
                <div class="bottom">
                    <p><a href="">关于网站</a><span>|</span><a href="">常见问题</a><a href="">法律声明</a><span>|</span><a href="">特别提示</a><span>|</span><a href="">联系我们</a><span>|</span><a href="">免责声明</a></p>
                    <p>我们一直用<img src="images/img_bottom_heart.png" /> 在做</p>
                    <p>合肥远航科技有限公司<span>地址：安徽省合肥市合肥工业大学-东教学楼3楼303</span>皖ICP备11006864<span>Copyright&copy;2018</span></p>
                </div>
            </div>
            <!--footer结束-->
        </div>
    </body>
</html>
